<template>
    <view class="gw-book-info">
        <view class="book-img">
            <image mode="aspectFit"
                   :src="item.booksHead"/>
        </view>
        <view class="book-info ellipsis">
            {{item.booksName}}
        </view>
    </view>
</template>

<script>
    export default {
        name: "gw-book-card",
        props: {
            item: {
                defalut: () => {
                },
                type: Object
            }
        },
        mounted() {
        },
        methods: {
        }
    }
</script>

<style scoped lang="scss">
    .gw-book-info {
        width:220rpx;
        border-radius:4rpx;
        font-size:24rpx;
        font-weight:bold;
        color:rgba(51,51,51,1);
        .book-img{
            width: 100%;
            height: 165rpx;
            image{
                width: 100%;
                height: 100%;
            }
        }
        .book-info{
            height: auto;
            margin-top: 10rpx;
            -webkit-line-clamp: 2;
            padding: 0 4rpx;
            box-sizing: border-box;
        }
        margin-bottom: 20rpx;
    }
</style>